/* flex 布局 */
.flex {
  display: flex;
}

.flex-wrap {
  .flex();
  flex-wrap: wrap;
}

.flex-reverse {
  .flex();
  flex-direction: row-reverse
}

.flex-column {
  .flex();
  flex-direction: column;
}

.flex-ac {
  .flex();
  align-items: center;
}

.flex-as {
  .flex();
  align-items: flex-start;
}

.flex-c {
  .flex-ac();
  justify-content: center;
}

.inline-flex {
  display: inline-flex;
}

.inline-flex-ac {
  .inline-flex();
  align-items: center;
}

.inline-flex-as {
  .flex();
  align-items: flex-start;
}

.inline-flex-c {
  .inline-flex-ac();
  justify-content: center;
}

.flex-1 {
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.flex-1-w {
  flex: 1;
  min-width: 0;
}

.flex-1-h {
  flex: 1;
  min-height: 0;
}